<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="E:/idea_workspace/study/Bootstrap/BootstrapDemo/src/main/resources/static/bootstrap-3.3.7-dist/css/bootstrap.min.css"
          rel="stylesheet">
    <!--    <style type="text/css">-->
    <!--        @media (min-width: 768px) {-->
    <!--            .container {-->
    <!--                max-width: 730px;-->
    <!--            }-->

    <!--        }-->
    <!--    </style>-->
</head>
<body>
<!--晌应式固定宽度容器-->
<div class="page-header">
    <h1>page headline<small>for this awesome page</small></h1>
</div>
<div class="container">
    <p><span class="lead bg-success">this is</span> a burns</p>
    <p><span class="lead bg-danger">this is</span> a burns</p>
    <p><span class="lead bg-info">this is</span> a burns</p>
    <p><span class="lead bg-primary">this is</span> a burns</p>
    <p><span class="lead bg-warning">this is</span> a burns</p>
    <p><span class="lead text-danger">this is</span> a burns</p>
    <p><span class="lead text-success">this is</span> a burns</p>
    <p><span class="lead text-muted">this is</span> a burns</p>
    <p><span class="lead text-warning">this is</span> a burns</p>
    <p><span class="lead text-uppercase">this is</span> a burns</p>
</div>

<script src="E:/idea_workspace/study/Bootstrap/BootstrapDemo/src/main/resources/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"/>
</body>
</html>